.marginTop{
    margin-top: 10px;
    z-index: 1996;
    text-align: center;
    background-color: black;
    color: #fff;   
    position: relative;
    height: 250px;
}
// 按键视图
.BtnView{
    width: 200px;
    height: 200px;
    
    // background-color: rgb(50, 50, 50);
    background-image: linear-gradient(to right , #cd93ff, #70e2ff, #9fff5b, #ffe83f, #ffa647, #ff75c3);
    left: 0;
    right: 0;
    top: 20px;
    position: absolute;
    border-radius: 50%;
    margin: auto;
    .borderOption{
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0.5px;
        bottom: 0;
        margin: auto;
        width:calc(100% + 1px);
        height:calc(100% + 1px);
        background-color: rgb(50, 50, 50);
    }
    .leftBorder{
        clip: rect(0,100px,auto,0);
    }
    .rightBorder{
        clip: rect(0,auto,auto,100px);
        // 旋转度数
        // transform: rotateZ(130deg);
    }
    .coverView{
        width: 180px;
        height: 180px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: rgb(102, 102, 102);
        // background-color: #000;
        border:15px solid #000;
        border-radius: 50%;
    }
}
.colorView{
    border:20px solid aqua;
    border-right-width: 0px;
    background-color: aqua;
}
.Dview{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #888;
    position: absolute;
    left: 85px;
    top: 30px;
}
// 箭头
.arrowView{
    width: 5px;
    height: 17px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    left: 0%;
    right: 0%;
    margin: auto;
}